<template>
  <!-----------footer部分开始------------->
  <footer class="footer">
    <div class="heart">
      <!-----------footer上半部分开始------------->
      <div class="mod_service">
        <ul>
          <li>
            <h5></h5>
            <p>品类齐全，轻松购物</p>
          </li>
          <li>
            <h5></h5>
            <p>多仓直发，极速配送</p>
          </li>
          <li>
            <h5></h5>
            <p>正品行货，精致服务</p>
          </li>
          <li>
            <h5></h5>
            <p>天天低价，畅选无忧</p>
          </li>
        </ul>
      </div>
      <!-----------footer上半部分结束------------->
      <!-----------footer下半部分开始------------->
      <div class="mod_help">
        <div class="mod_help_nav">
          <h5>购物指南</h5>
          <ul>
            <li><a href="#">购物流程</a></li>
            <li><a href="#">会员介绍</a></li>
            <li><a href="#">生活旅行</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">大家电</a></li>
            <li><a href="#">联系客服</a></li>
          </ul>
        </div>
        <div class="mod_help_nav">
          <h5>购物指南</h5>
          <ul>
            <li><a href="#">购物流程</a></li>
            <li><a href="#">会员介绍</a></li>
            <li><a href="#">生活旅行</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">大家电</a></li>
            <li><a href="#">联系客服</a></li>
          </ul>
        </div>
        <div class="mod_help_nav">
          <h5>购物指南</h5>
          <ul>
            <li><a href="#">购物流程</a></li>
            <li><a href="#">会员介绍</a></li>
            <li><a href="#">生活旅行</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">大家电</a></li>
            <li><a href="#">联系客服</a></li>
          </ul>
        </div>
        <div class="mod_help_nav">
          <h5>购物指南</h5>
          <ul>
            <li><a href="#">购物流程</a></li>
            <li><a href="#">会员介绍</a></li>
            <li><a href="#">生活旅行</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">大家电</a></li>
            <li><a href="#">联系客服</a></li>
          </ul>
        </div>
        <div class="mod_help_nav">
          <h5>购物指南</h5>
          <ul>
            <li><a href="#">购物流程</a></li>
            <li><a href="#">会员介绍</a></li>
            <li><a href="#">生活旅行</a></li>
            <li><a href="#">常见问题</a></li>
            <li><a href="#">大家电</a></li>
            <li><a href="#">联系客服</a></li>
          </ul>
        </div>
        <div class="mod_help_nav">
          <h5>帮助中心</h5>
          <img src="./images/qq.png" alt="图片加载失败" />
        </div>
      </div>
      <!-----------footer下半部分结束------------->
      <!-----------footer友情链接部分开始------------->
      <div class="mod_copyright">
        <div class="links">
          <a href="#">关于我们</a><span class="mod_copyright_split">|</span>
          <a href="#">联系我们</a><span class="mod_copyright_split">|</span>
          <a href="#">联系客服</a><span class="mod_copyright_split">|</span>
          <a href="#">合作招商</a><span class="mod_copyright_split">|</span>
          <a href="#">商家帮助</a><span class="mod_copyright_split">|</span>
          <a href="#">营销中心</a><span class="mod_copyright_split">|</span>
          <a href="#">手机京东</a><span class="mod_copyright_split">|</span>
          <a href="#">友情链接</a><span class="mod_copyright_split">|</span>
          <a href="#">销售联盟</a><span class="mod_copyright_split">|</span>
          <a href="#">京东社区</a><span class="mod_copyright_split">|</span>
          <a href="#">风险监测</a><span class="mod_copyright_split">|</span>
          <a href="#">隐私政策</a><span class="mod_copyright_split">|</span>
          <a href="#">京东公益</a><span class="mod_copyright_split">|</span>
          <a href="#">English Site</a><span class="mod_copyright_split">|</span>
          <a href="#">Media & IR</a>
        </div>
        <div class="copyright">
          京公网安备 11000002000088号 | 京ICP备11041704号 | ICP |
          互联网药品信息服务资格证编号 (京)-经营性-2014-0008 | 新出发京零
          字第大120007号<br />
          互联网出版许可证编号新出网证(京)字150号 | 出版物经营许可证 |
          网络文化经营许可证京网文 [2020]6112-1201号 |
          违法和不良信息举报电话：4006561155<br />
          Copyright © 2004 - 2022 京东JD.com 版权所有 |
          消费者维权热线：4006067733 | 经营 证照 |
          (京)网械平台备字(2018)第00003号 | 营业执照 | 增值电信业务经营许可证
        </div>
      </div>
      <!-----------footer友情链接部分结束------------->
    </div>
  </footer>
  <!-----------footer部分结束------------->
</template>

<script>
export default {
  name: "",
};
</script>

<style lang="css" scoped>
.footer {
  width: 100%;
  height: 415px;
  background-color: #f5f5f5;
  padding-top: 30px;
}
.mod_service {
  height: 80px;
  border-bottom: 1px solid #ccc;
}
.mod_service ul li {
  float: left;
  width: 300px;
  height: 50px;
  padding-left: 35px;
  line-height: 50px;
}
.mod_service ul li h5 {
  float: left;
  width: 50px;
  height: 50px;
  background: url(./images/icons.png) no-repeat -256px 0px;
  margin-right: 10px;
}
.mod_service ul li p {
  font-size: 18px;
  font-weight: 700;
  color: #444;
}
/*footer下半部分*/
.mod_help {
  height: 185px;
  border-bottom: 1px solid #ccc;
  padding-top: 20px;
  padding-left: 50px;
}
.mod_help .mod_help_nav h5 {
  font-size: 16px;
  margin-bottom: 5px;
}
.mod_help .mod_help_nav {
  float: left;
  width: 200px;
}
.mod_help .mod_help_nav:last-child {
  width: 90px;
}
.mod_help .mod_help_nav img {
  width: 100%;
}
/*footer友情链接*/
.mod_copyright {
  text-align: center;
  padding-top: 15px;
}
.mod_copyright .copyright {
  padding-top: 10px;
  line-height: 22px;
  color: #999;
}
.mod_copyright .mod_copyright_split {
  margin: 0 7px;
  color: #ccc;
}
</style>
